Breadcrumbs 1 (6 elements)
Breadcrumbs 2 (8 elements)
Phone (2 elements, max-size:60px)
Tablet (4 elements, max-size:100px)
Desktop (6 elements, max-size:160px)
Responsive breadcrumbs that:
- display only the last n elements. Ellipses are added at the beginning of the list if elements are hidden.
- set a maximum size for each elements. Ellipses are added after the label if it's too long.
By setting breakpoints you can set the number of elements to display and their maximum size for different screen sizes.
Adapted from Triangle Breadcrumbs Arrows